import Vue from "vue";
import Router from "vue-router";
import Homee from "@/views/Home.vue";
import News from "@/components/isnew/isnew.vue"
import Hoom from "@/components/ishome/ishome.vue"
import Classs from "@/components/isclass/isclass.vue"
// import Album from "@/components/album/album.vue"
import comment from "@/components/ishome/comment.vue"
import Defin from "@/components/isclass/definite.vue"
import Show from "@/components/album/show.vue"
Vue.use(Router);

export default new Router({
  routes: [{
      path: "/",
      name: "home",
      component: Homee,
      redirect:'/home',
      children: [{
        path: '/home',
        name: 'hoom',
        component: Hoom,
      },{
        path: '/neaw',
        name: 'news',
        component: News,
      }, {
        path: '/class',
        name: 'Classs',
        component: Classs,
      }, {
        path: '/album',
        name: 'album',
        // component:Album
        component: () =>
          import( /* webpackChunkName: "Album" */ "@/components/album/album.vue")
      }]
    }, {
      path: '/comment',
      name: 'coment',
      component: comment
    },{
      path:'/defin',
      name:'def',
      component:Defin
    },{
      path:"/show",
      name:'isshow',
      component:Show
    }

  ]
});
// {
//   path: "/about",
//   name: "about",
//   // route level code-splitting
//   // this generates a separate chunk (about.[hash].js) for this route
//   // which is lazy-loaded when the route is visited.
//   component: () =>
//     import(/* webpackChunkName: "about" */ "./views/About.vue")
// }